<template>
	<div class="full_com czjz_com">
		<div class="title-box">数据展示</div>
		<div class="pf full_com">
			<ech-box echId="ech-b" :echData="echData" unit="次"></ech-box>
		</div>
	</div>
</template>

<script>
	export default {
		components: {
			echBox: () => import('../../../../components/echarts/echartQuxianMore.vue')
		},
		data() {
			return {
				echData: [{
					name: '路灯A',
					data: [{
						label: '00:00',
						value: 12
					}, {
						label: '03:00',
						value: 7
					}, {
						label: '06:00',
						value: 5
					}, {
						label: '09:00',
						value: 4
					}, {
						label: '12:00',
						value: 7
					}, {
						label: '15:00',
						value: 2
					}, {
						label: '18:00',
						value: 0
					}, {
						label: '21:00',
						value: 0
					}, {
						label: '24:00',
						value: 0
					}]
				}, {
					name: '路灯B',
					data: [{
						label: '00:00',
						value: 5
					}, {
						label: '03:00',
						value: 4
					}, {
						label: '06:00',
						value: 0
					}, {
						label: '09:00',
						value: 4
					}, {
						label: '12:00',
						value: 2
					}, {
						label: '15:00',
						value: 6
					}, {
						label: '18:00',
						value: 0
					}, {
						label: '21:00',
						value: 5
					}, {
						label: '24:00',
						value: 4
					}]
				}, {
					name: '路灯C',
					data: [{
						label: '00:00',
						value: 4
					}, {
						label: '03:00',
						value: 5
					}, {
						label: '06:00',
						value: 1
					}, {
						label: '09:00',
						value: 2
					}, {
						label: '12:00',
						value: 0
					}, {
						label: '15:00',
						value: 3
					}, {
						label: '18:00',
						value: 1
					}, {
						label: '21:00',
						value: 2
					}, {
						label: '24:00',
						value: 0
					}]
				}]

			}
		}
	}
</script>

<style scoped>
	.title-box {
		height: 30px;
		line-height: 30px;
		width: 100%;
		padding: 0 10px;
		border-bottom: 2px solid rgba(255, 255, 255, 0.2);
		color: #fff
	}
</style>
